import 'package:flutter/material.dart';

class EgContainer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "容器组件示例",
      home: Scaffold(
        appBar: AppBar(
          title: Text("Container 组件演示"),
        ),
        body: Center(
          child: Container(
            width: 200,
            height: 200,
            //添加边框装饰效果
            decoration: BoxDecoration(
              color: Colors.white,
              border: new Border.all(color: Colors.grey, width: 8),
              borderRadius: const BorderRadius.all(const Radius.circular(8)),
            ),
            child: Text(
              'Flutter',
              textAlign: TextAlign.center,
              style: TextStyle(fontSize: 28),
            ),
          ),
        ),
      ),
    );
  }
}
/***
 * 容器组件
 * 主要属性如下：
 * key  ->  唯一标识符
 * alignment -> 对其方式
 * decoration -> 装饰器（绘制在 child 下层）
 * foregroundDecoration -> 绘制在child 上层的装饰器
 * constraints -> 添加到child上的额外的约束
 * transform -> 设置Container的变换矩阵
 * child -> Container中的组件
 */
